<link rel="stylesheet" href="__TEMPLATE__/css/style.css" />
<script type="text/javascript" src="__TEMPLATE__/js/jquery-1.7.2.min.js"></script>
<link rel="stylesheet" type="text/css" href="__STATIC__/hdjs/hdjs.css"/>
<script type="text/javascript" src="__TEMPLATE__/js/js.js"></script>
<script src="__STATIC__/hdjs/hdjs.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
//  登陆及注册信息验证
	$(function(){
	    //对注册信息中的from表单进行验证
	   $('#regForm').validate({
	       //username_reg input的name值
	       username_reg:{
	          //规则
	          rule:{
	            //必填 
	            required:true,
	            //不得少于5位
	            minlen:5,
	            //异步检测用户名是否存在
	            ajax:{url:'{|U:'Member/checkUser'}'}
	          },
	          error:{
	              //如果规则错误则报以下错误
	              required:'用户名必填',
	              minlen:'用户名不得少于5位'
	          },
	          success:'验证通过',
	          //在没有表单录入的情况下,填写的数据
	          message:'请输入用户名'
	       },
	       //nickname input的name值
           nickname:{
              //规则
              rule:{
                //必填 
                required:true,
                //不得少于5位
                minlen:5,
                //异步检测昵称是否存在
                ajax:{url:'{|U:'Member/checkNickName'}'}
              },
              error:{
                  //如果规则错误则报以下错误
                  required:'昵称为必填项',
                  minlen:'昵称不得少于5位'
              },
              success:'验证通过',
              //在没有表单录入的情况下,填写的数据
              message:'请输入昵称'
           },
           //password_reg1的name值
           password_reg1:{
              //规则
              rule:{
                //必填 
                required:true,
                //不得少于5位
                minlen:6,
                maxlen:12
                //异步检测昵称是否存在
//              ajax:{url:'{|U:'Member/checkUser'}'}
              },
              error:{
                  //如果规则错误则报以下错误
                  required:'密码为必填项',
                  minlen:'密码不得少于6位',
                  maxlen:'密码不得少于12位'
              },
              success:'验证通过',
              //在没有表单录入的情况下,填写的数据
              message:'请输入密码'
           },
           password_reg2: {
                //规则
                rule: {
                        confirm: 'password_reg1'
                },
                //没有通过规则提示的错误
                error: {
                        confirm:'两次密码不相同'
                },
                success: '验证通过',
                //在表单没有填写的时候，默认给的提示
                message: '请确认密码'
            },
            code:{
              //规则
              rule:{
                //必填 
                required:true,
                //异步检测用户名是否存在
                ajax:{url:'{|U:'Member/checkCode'}'}
              },
              error:{
                  //如果规则错误则报以下错误
                  required:'验证码必填',
              },
              success:'验证通过',
              //在没有表单录入的情况下,填写的数据
              message:'请输入验证码'
           },
	   })
	})
</script>
</head>
<body>
    <!-- 顶部100%灰色区域 -->
    <div id="top_dark_box">
        <!-- 中间1200px宽度区域 -->
        <div id="top_dark">
            <a href=""><img src="__TEMPLATE__/images/others/logo.jpg" id="logo" /></a>
            <!-- 导航菜单 -->
            <ul id="menu">
                <li>
                    <a href="__ROOT__">首页</a>
                </li>
                <!--自定义标签,看common/tag中的内容-->
                <navigation rows="5" order="csort DESC">
                    <li>
                        <a href="{$field.url}">{$field.cname}</a>
                    </li>
                </navigation>
            </ul>
            <!-- 导航菜单结束 -->
            <!-- 用户登录 -->
            <div id="loginInfo" class='loginInfo'>
                <if value="$hd.session.iname">
                        <span>{$hd.session.iname}</span><a href="{|U:'Login/out'}">退出</a> 
                    <else/>
                        <a href="javascript:showLoginBox()" class="top_login">用户登录</a>
                        <a href="javascript:showRegBox();">注册</a>
                </if>
            </div>
            <!-- 用户登录对应隐藏区域 -->
            <form id="loginForm" action="{|U:'Login/index'}" method="post">
            <div class="login_hide_box">
                <img src="__TEMPLATE__/images/sanjiao.gif" alt="" />
                <div class="middle">
                    <p>用户名：</p>
                    <input type="text" name="username" class="text" />
                    <p>密码：</p>
                    <input type="password" name="password" class="text" />
                    <input type="submit" value="" class="sub" />
                </div>
                <div class="bottom">
                    <a  href="javascript:showRegBox();" class="reg">注册</a>
                </div>
            </div>
            </form>
            <!-- 用户注册对应隐藏区域 -->
            <form id="regForm" action="{|U:'Reg/index'}" method="post"> 
            <div class="reg_hide_box">
                <img src="__TEMPLATE__/images/sanjiao.gif" alt="" />
                <div class="middle">
                    <p>用户名：</p>
                    <input type="text" name="username_reg" class="text username" />
                    <p>昵称：</p>
                    <input type="text" name="nickname" class="text nickname" />
                    <p>密码：</p>
                    <input type="password" name="password_reg1" class="text password" />
                    <p>确认密码：</p>
                    <input type="password" name="password_reg2" class="text password" />
                    <p>验证码：</p>
                    <img src="{|U:'Member/Code'}" id="code" onclick="this.src=this.src + '&' + Math.random()"/>
                    <input type="text"  name="code" class="text password_d" />
                    <input type="submit" value="注册" class="sub" />
                </div>
            </div>
            </form>
        </div>
        <!-- 中间1200px宽度区域结束 -->
    </div>
    <!-- 顶部灰色100%区域结束 -->
    
    <!-- 顶部最新消息区域 -->
    <div id="latest_news_box">
        <div id="latest_news">
            <p><span class="title">最新消息：</span>
                <arclist rows="1">
                    <a href="{$field.url}">{$field.title}</a>
                </arclist>
                
               
            </p>
        </div>
    </div>
    <!-- 顶部最新消息区域结束 -->